<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>360度雷达效果</title>
    <link rel="stylesheet" href="css/base.css">
</head>

<body>
    <div class="L_transform">
        <div class="trans_bg">
            <div class="bg_shade"></div>
            <div class="circles t1">
                <div class="trio"><i></i></div>
            </div>
            <div class="circles l1">
                <div class="trio"><i></i></div>
            </div>
            <div class="circles r1">
                <div class="trio"><i></i></div>
            </div>
            <div class="circles b1">
                <div class="trio"><i></i></div>
            </div>
            <div class="circles u1">
                <div class="trio"><i></i></div>
            </div>
            <div class="circles t2">
                <div class="trio"><i></i></div>
            </div>
            <div class="circles l2">
                <div class="trio"><i></i></div>
            </div>
            <div class="circles r2">
                <div class="trio"><i></i></div>
            </div>
            <div class="circles b2">
                <div class="trio"><i></i></div>
            </div>
            <div class="circles u2">
                <div class="trio"><i></i></div>
            </div>
            <div class="heart_box">
                <div class="heart"></div>
                <div class="shan" style="transform: rotate(274deg);"></div>
            </div>
        </div>
    </div>
    <script src="js/jquery-1.10.1.min.js"></script>
    <script src="js/base.js"></script>
</body>

</html>